
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 标题 -->
    <title>商品详情</title>
    <!-- 关键词 -->
    <meta name="keywords" content="" />
    <!-- 网站简介 -->
    <meta name="description" content="" />
    <!-- 自适应屏幕 -->
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
    <!-- IE兼容 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 最新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/bootstrap.css">
     <!-- 最新 删除提示 CSS 文件 -->
    <link rel="stylesheet" href="css/save-tip.css">
    <!-- 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
    <div class="tongdui-wrapper">
        <!-- 顶部 -->
        <div class="top-nav clearfix cart-nav detail-nav">
            <div class="top-nav-left">
                <a href="" class="iconfont">&#xe64a;</a>
            </div>
            <div class="top-nav-center">
                <!-- 选项卡导航 -->
                <ul class="nav clearfix" role="tablist" id="myTab">
                    <li role="presentation" class="active"><a href="#hx-a" aria-controls="hx-a" role="tab" data-toggle="tab">商品</a></li>
                    <li role="presentation" class=""><a href="#hx-b" aria-controls="hx-b" role="tab" data-toggle="tab">详情</a></li>
                    <li role="presentation" class=""><a href="#hx-c" aria-controls="hx-c" role="tab" data-toggle="tab">评价</a></li>
                </ul>  
            </div>
            <div class="top-nav-right">
                <a href="cart.html"><span class="iconfont">&#xe6ab;</span>
                    <div class="mask">2</div>
                </a>
            </div>
        </div>

        <!-- 选项卡内容 -->
        <div class="tab-content detail-content">
            <!-- 商品 -->
            <div role="tabpanel" class="tab-pane active" id="hx-a">
                <div class="deatil-goods-photos">
                    <img src="images/goods7.png" alt="">
                </div>
                <div class="deatil-goods-info">
                    <h5>Pristian zouboutin 2015秋季新款羽毛蕾丝抹胸长拖尾镶钻拉链婚纱</h5>
                    <div class="dg-price clearfix">
                         <div class="left">160.0一券通</div>
                         <div class="right">全国包邮 | 销量433</div>
                    </div> 
                    <ul class="clearfix">
                       <li>+送0.00购物券</li>
                       <li style="text-align:center">赠送79.00购物券</li>
                       <li style="text-align:right">捐赠10.00一券通</li>
                    </ul>  
                    <div class="dg-guige clearfix" data-toggle="modal" data-target=".tanchuchuang-guige">
                        <div class="left">请选择规格</div>
                        <div class="right"><span class="iconfont">&#xe606;</span></div>  
                    </div> 
                </div>
                <div class="deatil-goods-shop">
                    <div class="deatil-goods-stop clearfix">
                        <div class="left">
                            <img src="images/shop1.png" alt="">
                        </div>
                        <div class="right">
                            <h5>天使婚纱礼服馆</h5>
                            <p>综合：<span>9.5</span></p>
                        </div>
                    </div>
                    <ul class="deatil-goods-center clearfix">
                        <li>
                            <div class="dtct">商品<span>9.6</span></div>
                            <div class="dtcc">4.9万</div>
                            <div class="dtcb">关注人数</div>
                        </li>
                        <li>
                            <div class="dtct">服务<span>9.6</span></div>
                            <div class="dtcc" style="border-left:1px solid #ddd;border-right:1px solid #ddd">256</div>
                            <div class="dtcb">全部商品</div>
                        </li>
                        <li>
                            <div class="dtct">物流<span>9.4</span></div>
                            <div class="dtcc">98%</div>
                            <div class="dtcb">好评率</div>
                        </li>
                    </ul>
                    <div class="deatil-goods-bottom clearfix">
                        <a href="" class="left"><span class="iconfont">&#xe612;</span>联系客服</a>
                        <a href="shop-detail.html" class="right"><span class="iconfont">&#xe60c;</span>进入店铺</a>
                    </div>
                </div>

                <!-- 选项卡导航 -->
                <ul class="nav clearfix cart-tab2-nav" role="tablist" id="myTab">
                    <li role="presentation" class="active"><a href="#hx-d" aria-controls="hx-d" role="tab" data-toggle="tab">同店商品</a></li>
                    <li role="presentation" class=""><a href="#hx-e" aria-controls="hx-e" role="tab" data-toggle="tab">同类商品</a></li>
                </ul> 

                <!-- 选项卡内容 -->
                <div class="tab-content detail-content cart-tab2-content">
                    <!-- 同店商品 -->
                    <div role="tabpanel" class="tab-pane active" id="hx-d">
                        <div class="guess-like">
                            <ul class="guess-like-goods clearfix">
                                <li>
                                    <a href="detail.html">
                                       <div class="guess-like-pic">
                                            <img src="images/goods6.png" alt="">
                                       </div>
                                       <div class="guess-like-name">
                                            三利 毛巾家纺纯棉吸水 提缎 面巾两条装
                                       </div>
                                       <div class="guess-like-price">
                                           29.9一券通  <s>￥59</s>       
                                       </div>
                                       <div class="guess-like-send clearfix">
                                            <div class="left">赠送9.9购物券</div>
                                            <div class="right">捐1.9一券通</div>
                                       </div> 
                                       <div class="guess-like-sale">
                                            销量：492
                                       </div>
                                    </a>
                                </li> 
                            </ul>
                        </div>
                    </div>
                    
                    <!-- 同类商品 -->
                    <div role="tabpanel" class="tab-pane" id="hx-e">
                        <div class="guess-like">
                            <ul class="guess-like-goods clearfix">
                                <li>
                                    <a href="detail.html">
                                       <div class="guess-like-pic">
                                            <img src="images/goods6.png" alt="">
                                       </div>
                                       <div class="guess-like-name">
                                            三利 毛巾家纺纯棉吸水 提缎 面巾两条装
                                       </div>
                                       <div class="guess-like-price">
                                           29.9一券通  <s>￥59</s>       
                                       </div>
                                       <div class="guess-like-send clearfix">
                                            <div class="left">赠送9.9购物券</div>
                                            <div class="right">捐1.9一券通</div>
                                       </div> 
                                       <div class="guess-like-sale">
                                            销量：492
                                       </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="detail.html">
                                       <div class="guess-like-pic">
                                            <img src="images/goods6.png" alt="">
                                       </div>
                                       <div class="guess-like-name">
                                            三利 毛巾家纺纯棉吸水 提缎 面巾两条装
                                       </div>
                                       <div class="guess-like-price">
                                           29.9一券通  <s>￥59</s>       
                                       </div>
                                       <div class="guess-like-send clearfix">
                                            <div class="left">赠送9.9购物券</div>
                                            <div class="right">捐1.9一券通</div>
                                       </div> 
                                       <div class="guess-like-sale">
                                            销量：492
                                       </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="detail.html">
                                       <div class="guess-like-pic">
                                            <img src="images/goods6.png" alt="">
                                       </div>
                                       <div class="guess-like-name">
                                            三利 毛巾家纺纯棉吸水 提缎 面巾两条装
                                       </div>
                                       <div class="guess-like-price">
                                           29.9一券通  <s>￥59</s>       
                                       </div>
                                       <div class="guess-like-send clearfix">
                                            <div class="left">赠送9.9购物券</div>
                                            <div class="right">捐1.9一券通</div>
                                       </div> 
                                       <div class="guess-like-sale">
                                            销量：492
                                       </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="detail.html">
                                       <div class="guess-like-pic">
                                            <img src="images/goods6.png" alt="">
                                       </div>
                                       <div class="guess-like-name">
                                            三利 毛巾家纺纯棉吸水 提缎 面巾两条装
                                       </div>
                                       <div class="guess-like-price">
                                           29.9一券通  <s>￥59</s>       
                                       </div>
                                       <div class="guess-like-send clearfix">
                                            <div class="left">赠送9.9购物券</div>
                                            <div class="right">捐1.9一券通</div>
                                       </div> 
                                       <div class="guess-like-sale">
                                            销量：492
                                       </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="detail.html">
                                       <div class="guess-like-pic">
                                            <img src="images/goods6.png" alt="">
                                       </div>
                                       <div class="guess-like-name">
                                            三利 毛巾家纺纯棉吸水 提缎 面巾两条装
                                       </div>
                                       <div class="guess-like-price">
                                           29.9一券通  <s>￥59</s>       
                                       </div>
                                       <div class="guess-like-send clearfix">
                                            <div class="left">赠送9.9购物券</div>
                                            <div class="right">捐1.9一券通</div>
                                       </div> 
                                       <div class="guess-like-sale">
                                            销量：492
                                       </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="detail.html">
                                       <div class="guess-like-pic">
                                            <img src="images/goods6.png" alt="">
                                       </div>
                                       <div class="guess-like-name">
                                            三利 毛巾家纺纯棉吸水 提缎 面巾两条装
                                       </div>
                                       <div class="guess-like-price">
                                           29.9一券通  <s>￥59</s>       
                                       </div>
                                       <div class="guess-like-send clearfix">
                                            <div class="left">赠送9.9购物券</div>
                                            <div class="right">捐1.9一券通</div>
                                       </div> 
                                       <div class="guess-like-sale">
                                            销量：492
                                       </div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 详情 -->
            <div role="tabpanel" class="tab-pane" id="hx-b">
                <img src="images/detail.jpg" alt="">
            </div>

            <!-- 评价 -->
            <div role="tabpanel" class="tab-pane " id="hx-c">
                <div class="deatil-comment">
                    <!-- 评价列表 -->
                    <div class="deatil-comment-list">
                        <h5 class="clearfix">
                            <div class="left">
                                <img src="images/avater1.png" alt=""><span>kenrich0723</span>
                            </div>
                            <div class="right">2017-03-16</div>
                        </h5>
                        <div class="comment-star">
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont ">&#xe6b0;</span>
                            <span class="iconfont ">&#xe6b0;</span>
                        </div>
                        <div class="comment-info">
                            算了什么都不想说，看图吧
                        </div>
                        <div class="comment-shuxin">
                            <p>宝蓝/红 1575；尺码：L</p>
                            <p>购买日期：2017-03-22</p>
                        </div>
                    </div>
                    <div class="deatil-comment-list">
                        <h5 class="clearfix">
                            <div class="left">
                                <img src="images/avater.jpg" alt=""><span>kenrich0723</span>
                            </div>
                            <div class="right">2017-03-16</div>
                        </h5>
                        <div class="comment-star">
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                        </div>
                        <div class="comment-info">
                            鞋子样式设计的我感觉特别美观简洁大方，穿起来舒服敢很强，物美价廉，很满意哦
                        </div>
                        <div class="comment-shuxin">
                            <p>宝蓝/红 1575；尺码：L</p>
                            <p>购买日期：2017-03-22</p>
                        </div>
                    </div>
                    <div class="deatil-comment-list">
                        <h5 class="clearfix">
                            <div class="left">
                                <img src="images/avater.jpg" alt=""><span>kenrich0723</span>
                            </div>
                            <div class="right">2017-03-16</div>
                        </h5>
                        <div class="comment-star">
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                        </div>
                        <div class="comment-info">
                            鞋子样式设计的我感觉特别美观简洁大方，穿起来舒服敢很强，物美价廉，很满意哦
                        </div>
                        <div class="comment-shuxin">
                            <p>宝蓝/红 1575；尺码：L</p>
                            <p>购买日期：2017-03-22</p>
                        </div>
                    </div>
                    <div class="deatil-comment-list">
                        <h5 class="clearfix">
                            <div class="left">
                                <img src="images/avater.jpg" alt=""><span>kenrich0723</span>
                            </div>
                            <div class="right">2017-03-16</div>
                        </h5>
                        <div class="comment-star">
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                        </div>
                        <div class="comment-info">
                            鞋子样式设计的我感觉特别美观简洁大方，穿起来舒服敢很强，物美价廉，很满意哦
                        </div>
                        <div class="comment-shuxin">
                            <p>宝蓝/红 1575；尺码：L</p>
                            <p>购买日期：2017-03-22</p>
                        </div>
                    </div>
                    <div class="deatil-comment-list">
                        <h5 class="clearfix">
                            <div class="left">
                                <img src="images/avater.jpg" alt=""><span>kenrich0723</span>
                            </div>
                            <div class="right">2017-03-16</div>
                        </h5>
                        <div class="comment-star">
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                        </div>
                        <div class="comment-info">
                            鞋子样式设计的我感觉特别美观简洁大方，穿起来舒服敢很强，物美价廉，很满意哦
                        </div>
                        <div class="comment-shuxin">
                            <p>宝蓝/红 1575；尺码：L</p>
                            <p>购买日期：2017-03-22</p>
                        </div>
                    </div>

                    <div class="deatil-comment-list">
                        <h5 class="clearfix">
                            <div class="left">
                                <img src="images/avater.jpg" alt=""><span>kenrich0723</span>
                            </div>
                            <div class="right">2017-03-16</div>
                        </h5>
                        <div class="comment-star">
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                        </div>
                        <div class="comment-info">
                            鞋子样式设计的我感觉特别美观简洁大方，穿起来舒服敢很强，物美价廉，很满意哦
                        </div>
                        <div class="comment-shuxin">
                            <p>宝蓝/红 1575；尺码：L</p>
                            <p>购买日期：2017-03-22</p>
                        </div>
                    </div>
                    <div class="deatil-comment-list">
                        <h5 class="clearfix">
                            <div class="left">
                                <img src="images/avater.jpg" alt=""><span>kenrich0723</span>
                            </div>
                            <div class="right">2017-03-16</div>
                        </h5>
                        <div class="comment-star">
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                        </div>
                        <div class="comment-info">
                            鞋子样式设计的我感觉特别美观简洁大方，穿起来舒服敢很强，物美价廉，很满意哦
                        </div>
                        <div class="comment-shuxin">
                            <p>宝蓝/红 1575；尺码：L</p>
                            <p>购买日期：2017-03-22</p>
                        </div>
                    </div>
                    <div class="deatil-comment-list">
                        <h5 class="clearfix">
                            <div class="left">
                                <img src="images/avater.jpg" alt=""><span>kenrich0723</span>
                            </div>
                            <div class="right">2017-03-16</div>
                        </h5>
                        <div class="comment-star">
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                        </div>
                        <div class="comment-info">
                            鞋子样式设计的我感觉特别美观简洁大方，穿起来舒服敢很强，物美价廉，很满意哦
                        </div>
                        <div class="comment-shuxin">
                            <p>宝蓝/红 1575；尺码：L</p>
                            <p>购买日期：2017-03-22</p>
                        </div>
                    </div>
                    <div class="deatil-comment-list">
                        <h5 class="clearfix">
                            <div class="left">
                                <img src="images/avater.jpg" alt=""><span>kenrich0723</span>
                            </div>
                            <div class="right">2017-03-16</div>
                        </h5>
                        <div class="comment-star">
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                        </div>
                        <div class="comment-info">
                            鞋子样式设计的我感觉特别美观简洁大方，穿起来舒服敢很强，物美价廉，很满意哦
                        </div>
                        <div class="comment-shuxin">
                            <p>宝蓝/红 1575；尺码：L</p>
                            <p>购买日期：2017-03-22</p>
                        </div>
                    </div>
                    <div class="deatil-comment-list">
                        <h5 class="clearfix">
                            <div class="left">
                                <img src="images/avater.jpg" alt=""><span>kenrich0723</span>
                            </div>
                            <div class="right">2017-03-16</div>
                        </h5>
                        <div class="comment-star">
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                        </div>
                        <div class="comment-info">
                            鞋子样式设计的我感觉特别美观简洁大方，穿起来舒服敢很强，物美价廉，很满意哦
                        </div>
                        <div class="comment-shuxin">
                            <p>宝蓝/红 1575；尺码：L</p>
                            <p>购买日期：2017-03-22</p>
                        </div>
                    </div>

                    <div class="deatil-comment-list">
                        <h5 class="clearfix">
                            <div class="left">
                                <img src="images/avater.jpg" alt=""><span>kenrich0723</span>
                            </div>
                            <div class="right">2017-03-16</div>
                        </h5>
                        <div class="comment-star">
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                        </div>
                        <div class="comment-info">
                            鞋子样式设计的我感觉特别美观简洁大方，穿起来舒服敢很强，物美价廉，很满意哦
                        </div>
                        <div class="comment-shuxin">
                            <p>宝蓝/红 1575；尺码：L</p>
                            <p>购买日期：2017-03-22</p>
                        </div>
                    </div><div class="deatil-comment-list">
                        <h5 class="clearfix">
                            <div class="left">
                                <img src="images/avater.jpg" alt=""><span>kenrich0723</span>
                            </div>
                            <div class="right">2017-03-16</div>
                        </h5>
                        <div class="comment-star">
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                        </div>
                        <div class="comment-info">
                            鞋子样式设计的我感觉特别美观简洁大方，穿起来舒服敢很强，物美价廉，很满意哦
                        </div>
                        <div class="comment-shuxin">
                            <p>宝蓝/红 1575；尺码：L</p>
                            <p>购买日期：2017-03-22</p>
                        </div>
                    </div>
                    <div class="deatil-comment-list">
                        <h5 class="clearfix">
                            <div class="left">
                                <img src="images/avater.jpg" alt=""><span>kenrich0723</span>
                            </div>
                            <div class="right">2017-03-16</div>
                        </h5>
                        <div class="comment-star">
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                        </div>
                        <div class="comment-info">
                            鞋子样式设计的我感觉特别美观简洁大方，穿起来舒服敢很强，物美价廉，很满意哦
                        </div>
                        <div class="comment-shuxin">
                            <p>宝蓝/红 1575；尺码：L</p>
                            <p>购买日期：2017-03-22</p>
                        </div>
                    </div>
                    <div class="deatil-comment-list">
                        <h5 class="clearfix">
                            <div class="left">
                                <img src="images/avater.jpg" alt=""><span>kenrich0723</span>
                            </div>
                            <div class="right">2017-03-16</div>
                        </h5>
                        <div class="comment-star">
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                            <span class="iconfont active">&#xe6b0;</span>
                        </div>
                        <div class="comment-info">
                            鞋子样式设计的我感觉特别美观简洁大方，穿起来舒服敢很强，物美价廉，很满意哦
                        </div>
                        <div class="comment-shuxin">
                            <p>宝蓝/红 1575；尺码：L</p>
                            <p>购买日期：2017-03-22</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 产品详情底部导航 -->
        <div class="detail-foot-nav clearfix">
            <a href="shop-detail.html" class="df-nav1">
                <div class="iconfont">&#xe60c;</div>
                店铺
            </a>
            <a href="javascript:;" class="df-nav1 concern1">
                <div class="iconfont">&#xe602;</div>
                收藏
            </a>
            <a href="javascript:;" class="df-nav1 concern2 dn">
                <div class="iconfont">&#xe602;</div>
                收藏
            </a>
            <a href="javascript:;" class="df-nav3" data-toggle="modal" data-target=".tanchuchuang-guige">
                立即捐赠
            </a>
            <a href="javascript:;" class="df-nav3" data-toggle="modal" data-target=".tanchuchuang-guige">
                加入购物车
            </a>
            <a href="javascript:;" class="df-nav2" data-toggle="modal" data-target=".tanchuchuang-guige">
                立即购买
            </a>
        </div>

        <!-- 规格选中弹出框 -->
        <div class="modal fade tanchuchuang-guige"  tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" >
            <div class="modal-content">
                <div class="deatil-guige-top clearfix">
                    <div class="left">
                        <img src="images/goods7.png" alt="">
                    </div>
                    <div class="right">
                        <h5>天使婚纱礼服馆</h5>
                        <p>商品编号：2015125412654 </p>
                        <p>库存13540件</p>
                    </div>
                </div>
                <div class="deatil-guige-center">
                    <h5>颜色</h5>
                    <ul class="clearfix">
                        <li>白色</li>
                        <li>白色</li>
                        <li>白色</li>
                        <li>白色</li>
                        <li>白色</li>
                    </ul>
                </div>
                <div class="deatil-guige-bottom">
                    <h5>尺码</h5>
                    <ul class="clearfix">
                        <li>S</li>
                        <li>M</li>
                        <li>L</li>
                        <li>XL</li>
                        <li>XXL</li>
                    </ul>
                </div>
                <div class="deatil-guige-bottom" style="border-bottom:0">
                    <h5>数量</h5>
                    <div class="cgnumber ">
                        <span class="reduc">–</span><input type="text" value="1"><span class="add">+</span>
                    </div>
                </div>
                <div class="deatil-guige-close" data-dismiss="modal">
                     <span class="iconfont">&#xe60b;</span>
                </div>
            </div>
            <div class="deatil-guige-getting clearfix">
                <a href="pay.html">立即捐赠</a>
                <a href="cart.html">加入购物车</a>
                <a href="pay.html" class="deatil-guige-buy">立即购买</a>
            </div>
            

  
        </div>

        
        <!-- 返回顶部 -->
        <div class="actGotop iconfont">
            &#xe63c;
        </div>
    </div>

    <!-- jQuery文件 -->
    <script src="js/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="js/bootstrap.min.js"></script>
      <!-- 延迟加载 -->
    <script src="js/lazyload.js"></script>
    <script type="text/javascript">
        $(function () {
            $("img").delayLoading({
                defaultImg: "images/loading.gif",    // 预加载前显示的图片
                errorImg: "images/loading1.gif",                        // 读取图片错误时替换图片(默认：与defaultImg一样)
                imgSrcAttr: "src",                  // 读取图片的src
                setImg: "originalSrc",              //记录图片路径的属性(默认：originalSrc，把页面img的src属性值传给originalSrc属性)
                beforehand: 0,                       // 预先提前多少像素加载图片(默认：0)
                event: "scroll",                     // 触发加载图片事件(默认：scroll)
                duration: "fast",                  // 三种预定淡出(入)速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如：1000),默认:"normal"
                container: window,                   // 对象加载的位置容器(默认：window)
                success: function (imgObj) { },      // 加载图片成功后的回调函数(默认：不执行任何操作)
                error: function (imgObj) { }         // 加载图片失败后的回调函数(默认：不执行任何操作)
            });
        });
    </script>
    <!-- 返回顶部 -->
    <script>
        $(function(){ 
          $(window).scroll(function() {   
            if($(window).scrollTop() >= 50){
              $('.actGotop').fadeIn(300); 
            }else{    
              $('.actGotop').fadeOut(300);    
            }  
          });
          $('.actGotop').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);}); 
        });
    </script>
    <script>
        $(".concern1").click(function(){
            $(this).addClass("dn");
            $(".concern2").removeClass("dn");
        });
        $(".concern2").click(function(){
            $(this).addClass("dn");
            $(".concern1").removeClass("dn");
        });
    </script>
        <!-- 购物车加减 -->
    <script>
        $(function(){
            adddel();
        })
        function adddel(){
            $(".add").each(function() {
                $(this).click(function() {
                    var $multi = 1;
                    var vall = $(this).prev().val();
                    vall++;
                    $(this).prev().val(vall);
                })
            })
            $(".reduc").each(function() {
                $(this).click(function() {
                    var $multi1 = 1;
                    var vall1 = $(this).next().val();
                    vall1--;
                    if(vall1 <= 1) {
                        vall1 = 1;
                    }
                    $(this).next().val(vall1);
                })
            })
        }
    </script>

    <!-- 购买规格选中 -->
    <script>
        $(".deatil-guige-center li").click(function(){
            $(".deatil-guige-center .active").removeClass("active");
            $(this).addClass("active");
           
        });
        $(".deatil-guige-bottom li").click(function(){
            $(".deatil-guige-bottom .active").removeClass("active");
            $(this).addClass("active");
        });
    </script>
</body>
</html>
